body{
	position: fixed;
	width: 100%;
	height: 100%!important;
}

/*进入界面 start*/
body .enter{
	// display: none;
	position: absolute;
	width: 100%;
	height: 100%;
		.fullBg{
			width: 100%;
			height: 100%;
		}
		.start{
			position: absolute;
			bottom: 5%;
			left:0;
			right: 0;
			z-index: 10;
			text-align: center;
				.startMenu{
					width: 31%;
				}
		}
}
/*进入界面 end*/

/*选择角色界面  start*/
body .role{
	position: absolute;
	width: 100%;
	height: 100%;
		.roleBg{
			width: 100%;
			height: 100%;
		}
		.roler{
			position: absolute;
			left:0;
			right: 0;
			text-align: center;
			width: 100%;
				&.r1{
					top:12%;
				}
				&.r2{
					top:46%;
				}
				&.r3{
					top:68%;
				}
		}
		.startGame{
			position: absolute;
			bottom:2%;
			left:0;
			right: 0;
			z-index: 10;
			text-align: center;
				.enterGame{
					width: 32%;
				}
		}
}
/*选择角色界面  end*/

/* 游戏说明 start*/
body .rule{
	position: absolute;
	top:0;
	left:0;
	right: 0;
	width: 100%;
	height: 100%;
	text-align: center;
		.ruleBg{
			width: 100%;
			height: 100%;
		}
		.knowBtn{
			position: absolute;
			bottom: 11%;
			left:0;
			right: 0;
			margin: 0 auto;
			width: 30%;
		}
}
/* 游戏说明 end*/

/* 玩游戏 start*/

body .game{
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
		.moveBox{
			position: absolute;
			bottom: 0%;
			border-top: 1px solid #000;
			width: 100%;
			height: 131/37.5rem;
				.mover{
					position: absolute;
					top:0;
					left:35%;
					width: 110/37.5rem;
					height: 110/37.5rem;
					display: inline-block;
					z-index: 100;
					background: pink;
						.moveImg{
							width: 100%;
						}
				}
		}
		.gift{
			position: absolute;
			top:0;
			left: 0;
			display: block;
			width: 20%;
		}
}
/* 玩游戏 end*/

/* 游戏结果 start */
body .result{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
		.resultBg{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
		}
		.resultInfo{
			position: absolute;
			top: 20%;
			left: 0;
			right: 0;
			margin: 0 auto;
			font-size: 0.5rem;
				h1{
					text-align: center;
				}
				table{
					width: 100%;
					background: skyblue;
					td{
						width: 50%;
						height: 0.8rem;
						text-align: center;
					}
				}
				
				// .drawGift{
				// 	position: absolute;
				// 	left: 0;
				// 	right: 0;
				// 	margin: 0 auto;
				// }
		}
		.resultBtn{
			position: absolute;
			bottom: 8%;
			display: flex;
			justify-content: space-around;
			width: 100%;
		}
}
/* 游戏结果 end */

/* 浮层模板样式 start */
body .natantBox{
	display: flex;
	position: fixed;
	top:0;
	left: 0;
	justify-content: center;
	align-items: center;
    width:100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    	.natant{
    		position: relative;
    		width: 100%;
    		text-align: center;
    			.natantBg{
    				width: 75%;
				}
				.shutDown{
					position: absolute;
					top: 4%;
					right: 17%;
					width: 7%;
				}
    	}
}
/* 浮层模板样式 end */

/* 关注浮层 start*/
body .follow{
	.followArea{
		// .shutDown{
		// 	position: absolute;
		//     top: 4%;
		//     right: 17%;
		//     width: 7%;
		// }
		.QRcode{
			position: absolute;
			top:38%;
			left: 0;
			right: 0;
			margin: 0 auto;
			width: 40%;
		}
	}
}
/* 关注浮层 end*/

/* 分享浮层 start*/
body .share{
	.shareArea{
		.shutDown{
			position: absolute;
		    top: 4%;
		    right: 16%;
		    width: 9%;
		}
		.QRcode{
			position: absolute;
			top:46%;
			left: 0;
			right: 0;
			margin: 0 auto;
			width: 26%;
		}
		p{
			position: absolute;
			top: 20%;
			width: 66%;
			left: 0;
			right: 0;
			margin: 0 auto;
			font-size: 0.4rem;
		}
	} 	
}
/* 分享浮层 end*/

/* 次数用尽 start */
body .total{
	.totalArea{
		.totalSd{
			position: absolute;
		    top: 4%;
		    right: 19%;
		    width: 10%;
		}
		.info{
			position: absolute;
			top: 40%;
		    left: 0;
		    right: 0;
		}
	}
}
/* 次数用尽 end */

/* 手机号浮层  start */
body .phone{
	.phoneArea{
		.phoneSd{
			position: absolute;
		    top: 4%;
		    right: 19%;
		    width: 10%;
		}
		.inputContent{
			position: absolute;
			top: 13%;
			right: 0;
			left: 0;
			width: 65%;
			margin: 0 auto;
			margin-top: 7%;
			.inputGroup{
				display: flex;
				margin-bottom: 5%;
				input{
					width:100%;
					flex-grow:2;
					line-height: 0.7rem;
				}
				#getVeryCode{
					width: 150px;
					text-align: center;
					line-height: 30px;
					background: red;
					color: #fff;
					font-weight: bold;
					border-radius: 14px;
					border: 1.5px solid #fff;
				}
			}
		}
		button{
			position: absolute;
			bottom:14%;
			left: 0;
			right: 0;
			margin: 0 auto;
			width: 20%;
		}
		
	}
}
/* 手机号浮层  end */

/* 压岁钱结果  start */
body .ageMoney{
	.ageMoneyArea{
		.ageMoneyInfo{
			position: absolute;
			width: 72%;
			background: red;
			left: 0;
			right: 0;
			margin: 0 auto;
			top: 20%;
			font-size: 0.5rem;
		}
	}
	.ageMoneyBtn{
		position: absolute;
		bottom: 10%;
		left: 0;
		right: 0;
		text-align: center;
			// .giftPK{
			// 	width: 30%;
			// }
	}
}
/* 压岁钱结果  end */